import React, { PureComponent, } from 'react';
import { StyleSheet, Text, View, } from 'react-native';
import HomeSelector from '../../../app/selectors/home';
import * as HomeActions from '../../../app/actions/home';
import connect from '../../../app/store/connect';

const styles = StyleSheet.create({
  container: {
    position: 'relative',
    width: '100%',
    height: 50,
    backgroundColor: '#F2F3F7',
  },
  title: {
    marginLeft: 10,
    fontSize: 17,
    color: '#000000',
    height: 50,
    lineHeight: 50,
    fontWeight: '500',
    textAlign: 'left',
  },
});

@connect(HomeSelector, HomeActions)
export default class HearItem extends PureComponent {
  goBack = (pageName) => {
    this.props.navigation.navigate(pageName);
  };


  render() {
    return (
      <View style={styles.container}>
        <Text
          style={styles.title}
        >
          {this.props.title}
        </Text>
      </View>
    );
  }
}
